<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="../../yl/index.css" />
  <link rel="stylesheet" href="../../component/pear/css/pear.css" />
  <link rel="stylesheet" href="../../admin/css/other/console1.css" />

  <title>发展党员管理</title>
  <style>
    [v-cloak] {
      display: none;
    }
      /* 通用样式 */
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    /* 布局样式 */
    #app {
      height: 100vh;
      display: flex;
      flex-direction: column;
    }

    .body {
      flex: 1;
      display: flex;
      gap: 20px;
      padding: 15px;
      overflow: hidden;
    }

    .left {
      padding: 1%;
      flex: 0 0 280px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      overflow: auto;
    }

    .right {
      padding: 1%;
      flex: 1;
      min-width: 300px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      overflow: auto;
    }

    /* 步骤条样式 */
    .steps {
      flex: 1;
      overflow-y: auto;
    }

    .step-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 10px 0;
    }

    .content-block {
      font-size: 14px;
      color: #333333;
      width: 70%;
      flex-shrink: 0;
    }

    .button-container {
      margin-left: auto;
      white-space: nowrap;
    }

    .image-placeholder {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      background: #f5f5f5;
      color: #999;
      font-size: 14px;
    }

    .custom-textarea {
      width: 240px;
      margin: 5px 0;
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
      .body {
        flex-direction: column;
        padding: 10px;
      }

      .left {
        width: 100%;
        margin-bottom: 15px;
      }

      .content-block {
        width: 60%;
      }

      .button-container {
        margin-left: 0;
      }
    }

    /* Element UI 自定义样式 */
    :deep(.el-step__main) {
      margin-bottom: 20px;
    }

    :deep(.el-select__wrapper) {
      align-items: normal;
    }

    .el-button--danger {
      --el-button-bg-color: #D31805; 
    }
    .step-con{
      height: auto; 
      min-height: 100%; 
      max-width: 1200px;
      margin: auto;
    }
  </style>
</head>

<body>
  <div id="app" v-cloak>
    <div class="body">
      <div class="left">
        <el-tree style="max-width: 600px" :data="treeData" :props="{ label:'Party_Organization_Name'}"
          @node-click="handleNodeClick" :expand-on-click-node="false">
          <template #default="{ node, data }">
            <div class="custom-tree-node">
              <span>{{ node.label }}</span>
            </div>
          </template>
        </el-tree>
      </div>
      <div class="right">
        <div class="steps">
            <div class="step-con">
              <el-steps direction="vertical" :active="active" finish-status="success" >
                <el-step title="基本信息">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>申请人姓名：{{pageTitle}}
                          <!-- <el-input v-model="pageTitle" style="width: 240px" placeholder="Please input" /> -->
                        </div>
                        <div>提交时间：{{pageTime}}</div>
                      </div>
                      <div class="button-container">
                        <el-button @click="handleEdit(pageTitle)">查看</el-button>
                        <el-button type="danger" @click="handleFill('基本信息')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 2入党申请书-->
                <el-step title="提交入党申请书">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                              v-if="!src" 
                              :src="''" 
                              style="width: 150px; height: 150px;"
                            >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('application')" >点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 3 谈话内容 -->
                <el-step title="谈话内容">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('talk')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 4 确定为入党积极分子日期-->
                <el-step title="确定为入党积极分子日期">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>确定为入党积极分子日期：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button @click="showData('activist')">查看</el-button>
                        <el-button type="danger"  @click="handleData('JJFZdate')" >点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 5 指定培养联系人 -->
                <el-step title="指定培养联系人">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>第一介绍人：</div>
                        <div>第二介绍人：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('cultivateContacts')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 6 培养教育考察-->
                <el-step title="培养教育考察">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('investigate')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 7党组综合考察意见 -->
                <el-step title="党组综合考察意见">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>
                          <el-input
                              style="width: 240px"
                              :rows="2"
                              type="textarea"
                              placeholder="Please input"
                              :disabled="true"
                            />
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('inspectionOpinions')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 8上级党组织综合考察意见 -->
                <el-step title="上级党组织综合考察意见">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>
                          <el-input
                              style="width: 240px"
                              :rows="2"
                              type="textarea"
                              placeholder="Please input"
                              :disabled="true"
                            />
                        </div>
                        <div>审查结果：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger"  @click="handleData('SJinspectionOpinions')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 9确定为发展对象的日期 -->
                <el-step title="确定为发展对象的日期">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>确定为发展对象的日期：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('FZDXdate')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 10确认入党介绍人 -->
                <el-step title="确认入党介绍人">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>第一介绍人：</div>
                        <div>第二介绍人：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('cultivateContacts')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 11政治审查材料-审查内容 -->
                <el-step title="政治审查材料">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('reviewMaterials')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 12集中培训日志 -->
                <el-step title="集中培训日志">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('trainingLog')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 13党支部综合考察意见-->
                <el-step title="党支部综合考察意见">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>
                          <el-input
                              style="width: 240px"
                              :rows="2"
                              type="textarea"
                              placeholder="Please input"
                              :disabled="true"
                            />
                        </div>
                        <div>审查结果：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('DZBinspectionOpinions')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 14上级党组织审批 -->
                <el-step title="上级党组织审批">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>上级党组织审批日期:</div>
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                          上级党组织审批结论
                            <el-image 
                              v-if="!src" 
                              :src="''" 
                              style="width: 150px; height: 150px;"
                            >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>预备期：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('SJDZexamine')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 15入党志愿书 -->
                <el-step title="入党志愿书">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('RDapplication')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 16党支部大会决议 -->
                <el-step title="党支部大会决议">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>赞成票数：</div>
                        <div>反对票数：</div>
                        <div>弃权票数：</div>
                        <div>审查结果：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('DZBresolution')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 17谈话 -->
                <el-step title="谈话">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('talk')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 18上级党组织审批 -->
                <el-step title="上级党组织审批">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>上级党组织审批日期:</div>
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                          上级党组织审批结论
                            <el-image 
                              v-if="!src" 
                              :src="''" 
                              style="width: 150px; height: 150px;"
                            >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>预备期：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('SJDZexamine')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 19转正申请书 -->
                <el-step title="转正申请书">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('ZZapplication')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 20党支部大会决议 -->
                <el-step title="党支部大会决议">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div>赞成票数：</div>
                        <div>反对票数：</div>
                        <div>弃权票数：</div>
                        <div>审查结果：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('DZBresolution')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
                <!-- 21上级党组织审批 -->
                <el-step title="上级党组织审批">
                  <template #description>
                    <div class="step-content">
                      <div class="content-block">
                        <div class="block">
                          <!-- 当没有图片时显示占位符 -->
                            <el-image 
                            v-if="!src" 
                            :src="''" 
                            style="width: 150px; height: 150px;"
                          >
                            <template #error>
                              <div class="image-placeholder">
                                <span>暂无图片</span>
                              </div>
                            </template>
                          </el-image>
                        </div>
                        <div>
                          <el-input
                              style="width: 240px"
                              :rows="2"
                              type="textarea"
                              placeholder="Please input"
                              :disabled="true"
                            />
                        </div>
                        <div>审查结果：</div>
                        <div>提交时间：</div>
                      </div>
                      <div class="button-container">
                        <el-button>查看</el-button>
                        <el-button type="danger" @click="handleData('SJDZexamine2')">点击填写</el-button>
                      </div>
                    </div>
                  </template>
                </el-step>
              </el-steps>
            </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../../yl/vue.js"></script>
  <script src="../../config/config.js"></script>
  <script src="../../yl/index.js"></script>
  <script src="../../yl/zh-cn.mjs"></script>
  <script src="../../yl/index.iife.min.js"></script>
  <script src="../../yl/jquery.min.js"></script>
<script src="../../utils/jquery.cookie.js"></script>
  <script src="../../api/request.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>